<template>
	<view class="wrap" :style="'height:' + windowHeight + 'px;'">
		<scroll-view :style="'height:' + windowHeight + 'px;' " scroll-y="true">
			<view class="title">
				行政处罚告知
			</view>
			<view class="content">
				<text class="txt">
					<text class="txt2">听证告知：</text>
					根据《中华人民共和国行政处罚法》第六十三条之规定，你（单位）有权要求听证。如果要求听证，你（单位）应在被告知后五日内向
					提出，预期视为放弃要求听证权利。
					问：对上述告知事项，你是否要求听证？
					答：

					消防救援机构对符合听证条件的，自收到听证申请之日起十日内举行听证，对放弃听证的，依法作出处理决定。
				</text>
			</view>
			<view @click="submit" style="" class="flex j-center a-center btn">
				签字确认
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name: "administrative-penalties",
		props: {
			administrativeObj: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {
				windowHeight: 0,
				statusBarHeight: 0,
				windowHeight2: 0
			}
		},
		created() {
			uni.getSystemInfo({
				success: (res) => {
					this.windowHeight = res.windowHeight
					this.windowHeight2 = res.windowHeight - 86
				}
			});
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
		},
		methods: {
			submit() {
				this.$emit('submit')
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrap {
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
		background-color: #FFFFFF;

		.title {
			font-size: 36rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 56rpx;
			margin-top: 6rpx;
			text-align: center;
		}

		.content {
			padding: 10rpx 42rpx 0 42rpx;

			.txt {
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 42rpx;
				letter-spacing: 1rpx;

				.txt2 {
					font-size: 26rpx;
					color: #333333;
					display: block;
					font-weight: 500;
				}
			}
		}

		.btn {
			height: 80rpx;
			background: #3961FA;
			border-radius: 4rpx;
			font-size: 30rpx;
			color: #FFFFFF;
			margin: 83rpx 24rpx 20rpx 24rpx;
			position: fixed;
			bottom: 20rpx;
			left: 24rpx;
			right: 24rpx;
		}
	}
</style>
